<template>
  <div class="w-full">
    <HomeTitleBox>热招职位</HomeTitleBox>
    <div class="w-1200px mx-auto mt-50px">
      <el-tabs v-model="activeTab">
        <el-tab-pane v-for="(item, index) in categories" :key="index" :label="item" :name="index" class="p-6px">
          <div class="flex flex-wrap w-full gap-5">
            <HomePositionItem v-for="ii in 6" :key="ii" />
          </div>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>
<script lang="ts" setup>
const activeTab = ref(0);
const categories = ['新媒体运营', '国内电商运营', '数据分析师', '算法工程师', '机器学习'];
</script>
